<!--订单详情页面-->
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--静态路径-->
    <!-- <link rel="stylesheet" type="text/css" href="../../static/layuiadmin/layui/css/layui.css" media="all">
     <link rel="stylesheet" type="text/css" href="../../static/layuiadmin/style/admin.css" media="all">
     <script type="text/javascript" src="../../static/layuiadmin/layui/layui.js"></script>-->
    <link rel="stylesheet" type="text/css" th:href="@{/layuiadmin/layui/css/layui.css}"
          href="../../static/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" type="text/css" th:href="@{/layuiadmin/style/admin.css}"
          href="../../static/layuiadmin/style/admin.css" media="all">
    <script type="text/javascript" th:src="@{/layuiadmin/layui/layui.js}"
            src="../../static/layuiadmin/layui/layui.js"></script>
    <style>
        .allView {
            text-align: center;
            font-size: 2em;
            line-height: 160px;
            color: #57a88b;

            border-radius: 5px;
        }

        .distance {
            border: 1px solid #e29f2a;
            margin-top: 20px;
            font-size: 1em;
            text-align: center;
            color: #070000;
        }

        .top {

            margin-top: -5%;
        }

        .text {
            background-color: rgb(255, 255, 251);
        }

        hr {
            width: 80%;
        }

        .p_hr {
            margin-top: 15px;
        }

        .right-text {
            text-align: center;
            margin-left: 20%;
            color: red;
        }

        th {
            background-color: #eee;
        }
    </style>

</head>
<body>
<div class="layui-fluid">

    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">

            <div class="layui-card">
                <div class="layui-card-header">订单信息</div>
                <div class="layui-card-body">
                    <table class="layui-table">
                        <tr>
                            <th>订单编号</th>
                            <th>下单日期</th>
                            <th>用户账号</th>
                            <th>支付方式</th>
                            <th>是否支付</th>
                            <th>配送方式</th>

                        </tr>
                        <tr>
                            <td th:text="${sales.getInvoiceNo()}">12312312</td>
                            <td th:text="${sales.getExtend2()}">暂无</td>
                            <td th:text="${customer.getCustName()}">1231231</td>
                            <td th:if="${sales.getOrderStatus()}==0">未支付</td>
                            <td th:if="${sales.getOrderStatus()}==1">支付宝</td>
                            <td th:if="${sales.getOrderStatus()}==0">未付款</td>
                            <td th:if="${sales.getOrderStatus()}==1">已付款</td>
                            <td th:if="${sales.getOrderStatus()}==0">未支付</td>
                            <td th:if="${sales.getOrderStatus()}==1">包邮</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <div class="layui-col-md12">

            <div class="layui-card">
                <div class="layui-card-header">收货人信息</div>
                <div class="layui-card-body">
                    <table class="layui-table">
                        <tr>
                            <th>收货人</th>
                            <th>手机号码</th>
                            <th>邮政编码</th>
                            <th>收货地址</th>
                        </tr>
                        <tr th:if="${address}!=null">
                            <td th:text="${address.getConsignee()}">收货人model</td>
                            <td th:text="${address.getPhone()}">手机号model</td>
                            <td th:text="${customer.getZip()}">邮政model</td>
                            <td th:text="${address.getProvince()+'省'+address.getCity()+'市'+address.getDistrict()+'县/区'+address.getAddress()}">
                            </td>
                        </tr>
                        <tr th:if="${address}==null">
                            <td>该顾客未选择收货地址</td>
                        </tr>
                        </ta>
                    </table>
                </div>
            </div>
        </div>
        <div class="layui-col-md12">

            <div class="layui-card">
                <div class="layui-card-header">商品信息</div>
                <div class="layui-card-body">
                    <table class="layui-table" style="margin-bottom: 50px">
                        <tr>
                            <th>商品图片</th>
                            <th>商品名称</th>
                            <th>价格</th>
                            <th>描述</th>
                            <th>数量</th>
                            <th>小计</th>
                        </tr>

                        <tr th:each="saleItem: ${saleItemVos}">
                            <td style="height: 70px;"><img th:src="${saleItem.getImage()}" alt=""></td>
                            <td style="height: 70px;" th:text="${saleItem.getProdName()}">1</td>
                            <td style="height: 70px;" th:text="${saleItem.getUnitPrice()}/${saleItem.getQty()}">货号model</td>
                            <td th:text="${saleItem.getProDesc()}">属性model</td>
                            <td th:text="${saleItem.getQty()}">数量model</td>
                            <td th:text="${saleItem.getUnitPrice()}">小计model</td>
                        </tr>
                        <tr>
                            <td colspan="6" style="text-align: right;" th:text="'合计: '+${sales.getTotAmt()}">合计:3000$
                            </td>

                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>

</div>
<script>
    layui.use(['element', 'table', 'jquery', 'form'], function () {
        var element = layui.element,
            table = layui.table,
            form = layui.form,
            $ = layui.$
        ;


    });
</script>
</body>
</html>